<template>
  <div class="shop-nav">
      <van-nav-bar>
          <template #left>
              <slot name="left"></slot>
          </template>
          <template #title>
            <slot></slot>
          </template>
          <template #right>
              <slot name="right"></slot>
          </template>
      </van-nav-bar>
      首页
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
    name: "shopNav",
    computed: {
        // 使用对象展开运算符将 getter 混入 computed 对象中
        ...mapGetters([
            'getTitle'
        ])
    }
};
</script>

<style lang="scss" scoped>
    .shop-nav{
        &::v-deep{
            .van-nav-bar{
                background-color: #e62d0f;
                .van-nav-bar__title{
                    //color: white;
                }
            }
        }
    }
</style>
